<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    //买作业本
    function cutUp () {
      console.log('挑作业本');
      var p = new Promise(function (resolve, reject) { //做一些异步操作
        setTimeout(function () {
          console.log('挑好购买作业本');
          resolve('新的作业本');
        }, 2000);
      });
      return p;
    }

    //买笔
    function boil () {
      console.log('挑笔芯');
      var p = new Promise(function (resolve, reject) { //做一些异步操作
        setTimeout(function () {
          console.log('挑好购买笔芯');
          resolve('新的笔芯');
          // reject("购买笔芯失败")
        }, 1000);
      });
      return p;
    }


    // // 返回所有Promise成功的结果
    // Promise.all([boil(), cutUp()]).then(data => {
    //   console.log(data);
    // }).catch(err => {
    //   console.log(err);
    // })



    // 只要有一个成功直接返回结果
    Promise.race([boil(), cutUp()]).then(data => {
      console.log(data);
    }).catch(err => {
      console.log(err);
    })


  </script>
</body>

</html>